<script>
import Header from "@/views/Components/Header/header.vue";
import Header5 from "@/views/Components/Header/header5.vue";
import Footer from "@/views/Components/Footer/footer.vue";
export default {
    components: {
        Header,
        Header5,
        Footer
    },
    data() {
        return {
            orderId: ''
        }
    },
    methods: {
        GoHome() {
            this.$router.push({path: "/home"});
        }
    },
    created() {
        this.orderId = JSON.parse(sessionStorage.getItem("orderId"))
    }
}
</script>

<template>
    <div id="OrderSuccess">
        <Header />
        <Header5 />
        <div class="contain">
            <div class="box">
                <div class="bt">
                    <img src="@/assets/images/success.png" alt="">
                    <div>提交订单成功,订单编号为{{ orderId }}</div>
                </div>
                <div style="cursor: pointer" @click="GoHome"  class="bb">继续逛逛</div>
            </div>
        </div>
        <Footer FHeight="0" PTop1="0"  />
    </div>
</template>

<style scoped lang="scss">
@import url(../../assets/css/orderSuccess.css);
</style>
